<template>
  <div>
    <el-tabs
      class="tabs"
      v-model="activeName"
    >
      <el-tab-pane
        :label="$t('platform.employeeCertificationAudit')"
        name="1"
      >
        <manualAudit
          v-if="activeName == 1"
          ref="manualAudit"
        ></manualAudit>
      </el-tab-pane>
      <el-tab-pane
        :label="$t('platform.automaticCertificationAudit')"
        name="2"
      >
        <automaticAudit
          v-if="activeName == 2"
          ref="automaticAudit"
        ></automaticAudit>
      </el-tab-pane>
      <el-tab-pane
        :label="$t('platform.complaintList')"
        name="3"
      >
        <complaintList
          v-if="activeName == 3"
          ref="complaintList"
        ></complaintList>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import manualAudit from './manual-audit.vue'
import automaticAudit from './automatic-audit.vue'
import complaintList from './complaint-list.vue'
export default {
  components: {
    manualAudit,
    automaticAudit,
    complaintList
  },
  data() {
    return {
      activeName: '1',
      searchForm: {
        name: '',
        applicant: '',
        phoneNumber: '',
        auditStatus: ''
      },
      page: {
        total: 1,
        pageSize: 10
      }
    }
  },
  mounted() { },
  methods: {
    handleCurrentChange() { },
    handleSizeChange() { }
  }
}
</script>

<style>
</style>